<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="assets/css/main.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/reg.css" />
  </head>
  <body>
    <div class="reg">
      <div class="p-5">
        <h1>注 册</h1>
        <div class="login">我有帐号；<a href="#">点此登录</a></div>
        <form>
          <div class="form-group">
            <label class="form-control-label">账号：</label>
            <input placeholder="账户必须由3-20位的单词字符组成" name="userName" type="text" value="" class="form-control is-valid">
            <div class="valid-feedback">该账户可以注册</div>
          </div>
          
          <div class="form-group">
            <label class="form-control-label">密码：</label>
            <input placeholder="密码必须由3-20位的字符组成" name="userPassword" type="password" value="" class="form-control is-invalid">
            <div class="invalid-feedback">密码不能为空</div>
          </div>
          
          <div class="form-group">
            <label class="form-control-label">再次输入密码：</label>
            <input placeholder="两次输入的密码必须一致" name="userPasswordConfirm" type="password" value="" class="form-control">
            <div class="invalid-feedback">两次输入的密码不一致</div>
          </div>
          
          <div class="form-group">
            <label class="form-control-label">昵称：</label>
            <input placeholder="昵称必须由2-8个中文字符组成" name="userNickname" type="text" value="" class="form-control">
            <div class="invalid-feedback"></div>
          </div>

          <div class="form-group row mb-2">
            <div class="col-sm-12">
              <button class="btn btn-block btn-danger">注 册</button>
            </div>
          </div>
        </form>

      </div>
    </div>
  </body>
</html>
